/* 首页 css */
.discolorheader.page-header.theme-dark {
	background: rgba(149, 149, 149, .06);
}

.discolorheader.page-header.theme-dark>.main .main-top .top-wear-right .link-style,
.discolorheader.page-header.theme-dark .main-bottom .submenu {
	color: #fff;
}

.discolorheader.page-header.theme-dark .main-bottom .button-wrapper .loginButton,
.discolorheader.page-header.theme-dark .main-bottom .button-wrapper .memberButton {
	color: #fff;
	border: 1px solid #fff;
}

.userInfo-name-text {
	color: #333;
}

.discolorheader.page-header {
	z-index: 100;
	background: rgba(239, 239, 239, 0.5);
	backdrop-filter: blur(4px);
}

.discolorheader.page-header>.main .main-top .top-wear-left .icon_logo {
	background: url(/images/logo2023-blue.gif) no-repeat center;
	background-size: contain;
}

.discolorheader.page-header.theme-dark>.main .main-top .top-wear-left .icon_logo {
	background: url(https://www.henghost.com/images/logo.png) no-repeat center;
	background-size: contain;
}

.discolorheader.page-header.theme-dark .bottom-wear-right .button-wrapper .userInfo-name .userInfo-name-text {
	color: #fff;
}


.page-header .main-bottom .submenu,
.page-header>.main .main-top .top-wear-right .link-style {
	color: #333;
}

.page-header>.main .main-top .top-wear-right .link-style:hover {
	color: #118efc;
}


.discolorheader.page-header .main-bottom .button-wrapper .loginButton,
.discolorheader.page-header .main-bottom .button-wrapper .memberButton {
	color: #2799fc;
	border: 1px solid #2799fc;
}

.discolorheader.page-header>.main .main-top .top-wear-left {
	height: 48px;
	width: 140px;
}

.container-text .title {
	color: #333333 !important;
	font-size: 42px !important;
	position: relative;
}

.container-text .title:after {
	content: '中港直连';
	left: 78px;
}

.container-text .title:before {
	content: '超低时延';

}

.container-text .title1:nth-of-type(1):after {
	content: '联接全球';
	left: 78px;
}

.container-text .title1:nth-of-type(1):before {
	content: '回国加速';

}

.container-text .title2:nth-of-type(1):after {
	content: '支持压测';
	left: 78px;
}

.container-text .title2:nth-of-type(1):before {
	content: '超强防御';

}

.container-text .title3:nth-of-type(1):after {
	content: 'CN2专线';
	left: 78px;
}

.container-text .title3:nth-of-type(1):before {
	content: '成熟架构';

}

.container-text .title:after,
.container-text .title:before {
	position: absolute;
	width: 68px;
	height: 24px;
	background: linear-gradient(-90deg, #FB2D37 0%, #FF6052 100%);
	font-size: 12px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 14px;
	top: -35px;
	text-align: center;
	line-height: 24px;
}

.container-text .notitle {
	color: #333333 !important;
	font-size: 42px !important;
	position: relative;
}

.container-text .notitle:after {
	content: '';
	left: 78px;
}

.container-text .notitle:before {
	content: '';

}

.container-text .notitle:after,
.container-text .notitle:before {
	position: absolute;
	width: 68px;
	height: 24px;
	font-size: 12px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 14px;
	top: -35px;
	text-align: center;
	line-height: 24px;
}

.container-text .desc {
	font-size: 22px !important;
	font-family: Microsoft YaHei;
	font-weight: 400 !important;
	color: #333333 !important;
	line-height: 28px !important;
}

.container-text .desc span {
	font-size: 18px;
	margin-top: 5px;
	display: inline-block;
}

.container-text .banner-Button {
	background: #edeff2 !important;
	margin-top: 0;
	border: 1px solid #333333 !important;
	color: #333333 !important;
}

.container-text .banner-Button:hover {

	border: 1px solid #118efc !important;
	color: #118efc !important;
}

.carousel-inner .container-text.yz .desc {
	letter-spacing: 1px;
}

body {
	overflow-x: hidden;
}

.animationBanner:after {
	content: '';
	width: 100%;
	height: 100%;
	/*background: url(https://www.henghost.com/images/banner/double11_home_banner_title.png) no-repeat;*/
	background-size: 550px 174px;
	background-position: center;
	display: block;
	animation: imgMove 0.5s linear forwards;
}

@keyframes imgMove {
	0% {
		transform: translateY(-50px)
	}

	to {
		transform: translateY(0)
	}
}

//  22年8月2日 yz新增
.head-title>p.head-title-desc {
	margin-top: 10px;
}

.carousel-indicators .indicators-inner {
	padding: 20px 0;
}

.index-rj-recommend .carousel-indicators {
	display: flex;
}

.index-rj-recommend .carousel-indicators li {
	flex: 1;
	width: auto;
	height: auto;
	line-height: 1;
}

.head-title .head-title-desc {
	text-align: center;
	font-size: 18px;
	color: #191919;
	margin-top: 10px;
}

.index-rj-recommend .carousel-indicators li,
.index-rj-recommend .carousel-indicators li.active,
.index-rj-recommend .carousel-indicators li:hover {
	position: relative;
	background: none;
	border: none;
}

.index-rj-recommend .carousel-indicators .active::after {
	content: '';
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 4px;
	background: #118EFC;
}


.index-rj-recommend .carousel-indicators .active,
.index-rj-recommend .carousel-indicators li:hover {
	color: #118efc;
}

.index-rj-recommend #myCarousel1 .carousel-indicators {
	height: auto;
}

.index-rj-recommend .carousel-indicators li .indicators-inner-img {
	width: 64px;
	margin-bottom: 10px;
	position: relative;
	-webkit-transition: top .3s;
	transition: top .3s;
	top: 0px;

}

.index-rj-recommend .carousel-indicators li:hover .indicators-inner-img {
	top: -5px;
}

.index-rj-recommend .carousel-indicators li .indicators-inner-text {
	font-size: 16px;
}

.carousel-inner .carousel-inner-content .content-left {
	width: 380px;
}

.carousel-inner .carousel-inner-content .content-left .content-left-top {
	position: relative;
	cursor: pointer;
	width: 100%;
	height: 380px;
	background: url(/images/home/2022active01.png) no-repeat center;
	 /*background: url(/images/home/2223_img10.png) no-repeat center; */
	background-size: cover;
	line-height: 1;
	padding-top: 30px;
	padding-left: 24px;
	color: #191919;
}

.carousel-inner .item:nth-child(2) .carousel-inner-content .content-left .content-left-top {
	background: url(/images/home/2022active02.png) no-repeat center;
	background-size: cover;
}

.carousel-inner .item:nth-child(3) .carousel-inner-content .content-left .content-left-top {
	background: url(/images/home/2022active03.png) no-repeat center;
	background-size: cover;
}

.carousel-inner .item:nth-child(4) .carousel-inner-content .content-left .content-left-top {
	background: url(/images/home/2022active04.png) no-repeat center;
	background-size: cover;
}

.carousel-inner .item:nth-child(5) .carousel-inner-content .content-left .content-left-top {
	background: url(/images/home/2022active05.png) no-repeat center;
	background-size: cover;
}

.carousel-inner .carousel-inner-content .content-left .content-left-top .left-top-title {
	font-size: 24px;
	font-weight: 500;
}

.carousel-inner .carousel-inner-content .content-left .content-left-top .left-top-introduce {
	font-size: 32px;
	margin-bottom: 15px;
}

.carousel-inner .item:nth-child(1) .carousel-inner-content .content-left .content-left-top .left-top-introduce {
	font-size: 36px;
	margin: 15px 0;
	/* color: #FF1F11; */
}

.carousel-inner .carousel-inner-content .content-left .content-left-top .left-top-desc {
	font-size: 18px;
	margin-bottom: 14px;
}

.carousel-inner .item:nth-child(1) .carousel-inner-content .content-left .content-left-top .left-top-desc {
	font-size: 16px;
}

.carousel-inner .carousel-inner-content .content-left .content-left-top .yzButton {
	position: absolute;
	top: 130px;
	width: 120px;
	height: 32px;
	border: 1px solid #FFFFFF;
	background: #118EFC;
	font-size: 14px;
	font-weight: 400;
	color: #fff;
}


.carousel-inner .item:nth-child(1) .carousel-inner-content .content-left .content-left-top .yzButton {
	/* 			border: 1px solid #FFFFFF;
			background: linear-gradient(90deg, #FF715D 0%, #FF1F11 100%);
			color: #F0F7FA; */
	top: 150px;
}

.carousel-inner .carousel-inner-content .content-left .content-left-top .yzButton:hover::after,
.carousel-inner .carousel-inner-content .content-left .content-left-bottom .yzButton:hover::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.1);
}



.carousel-inner .carousel-inner-content .content-left .content-left-bottom {
	position: relative;
	width: 100%;
	height: 182px;
	background: url(/images/home/2022customer.png) no-repeat center;
	background-size: cover;
	cursor: pointer;
	box-sizing: border-box;
	margin-top: 18px;
	padding-top: 24px;
	padding-left: 24px;
}

.carousel-inner .item:nth-child(1) .carousel-inner-content .content-left .content-left-bottom .left-bottom-title,
.carousel-inner .item:nth-child(1) .carousel-inner-content .content-left .content-left-bottom .left-bottom-desc {
	color: #fff;
	background: none;
	-webkit-text-fill-color: inherit;
}

.carousel-inner .carousel-inner-content .content-left .content-left-bottom .left-bottom-title {
	font-size: 26px;
	font-weight: 500;
	color: #FFEBC0;
	line-height: 1;
	// background: linear-gradient(0deg, #FFE5AF 0%, #FFEFCF 49.5849609375%, #FFE5AF 100%);
	// -webkit-background-clip: text;
	// -webkit-text-fill-color: transparent;
}

.carousel-inner .carousel-inner-content .content-left .content-left-bottom .left-bottom-desc {
	font-size: 16px;
	font-weight: 500;
	color: #FFEBC0;
	line-height: 1;
	// background: linear-gradient(0deg, #FFE5AF 0%, #FFEFCF 49.5849609375%, #FFE5AF 100%);
	// -webkit-background-clip: text;
	margin-top: 10px;
}

.carousel-inner .item:nth-child(1) .carousel-inner-content .content-left .content-left-bottom {
	/*background: url(/images/home/2022oldUser.png) no-repeat center;*/
	background: url(/images/home/20221111_img11.png) no-repeat center;
	background-size: cover;
}

.carousel-inner .carousel-inner-content .content-left .content-left-bottom .yzButton {
	width: 121px;
	height: 33px;
	border: none;
	background: linear-gradient(90deg, #FFEFCF 0%, #FFE5AE 100%);
	font-size: 14px;
	font-weight: 400;
	color: #7F3F00;
	position: absolute;
	bottom: 24px;
	left: 25px;
}

.carousel-inner .item:nth-child(1) .carousel-inner-content .content-left .content-left-bottom .yzButton {
	background: #FFFFFF;
	color: #FE9247;
}

.mt-20 {
	margin-top: 20px;
}

.carousel-inner .carousel-inner-content .content-right {
	flex-wrap: wrap;
	flex: 1;
}

.carousel-inner {
	background: none;
}

.carousel-inner .carousel-inner-content .content-right .content-right-item {
	width: calc(50% - 16px);
	box-sizing: border-box;
	padding: 24px;
	background: url(/images/home/2022product_background.png) no-repeat center;
	margin-left: 16px;
	margin-bottom: 16px;
	position: relative;
}

.carousel-inner .carousel-inner-content .content-right .content-right-item .item-title-wrapper {
	align-items: center;
	line-height: 1;
}

.carousel-inner .carousel-inner-content .content-right .content-right-item .item-title-wrapper .item-title {
	font-size: 18px;
	font-weight: bold;
	color: #191919;
}

.carousel-inner .carousel-inner-content .content-right .content-right-item:hover .item-title-wrapper .item-title {
	color: #118EFC;
}


.carousel-inner .carousel-inner-content .content-right .content-right-item .item-title-wrapper .item-flag {
	position: relative;
	background: #FFFFFF;
	border: 1px solid #FF1F11;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 12px;
	color: #FF1F11;
	height: 18px;
	padding: 0 5px;
}


.carousel-inner .carousel-inner-content .content-right .content-right-item .item-title-wrapper .item-flag.lightBorder::before {
	content: '';
	position: absolute;
	left: -9px;
	top: 50%;
	transform: translate(0, -50%);
	width: 0px;
	height: 0px;
	border: 5px solid;
	border-color: transparent #fff transparent transparent;
	z-index: 20;
}

.carousel-inner .carousel-inner-content .content-right .content-right-item .item-title-wrapper .item-flag.lightBorder::after {
	content: '';
	position: absolute;
	left: -11px;
	top: 50%;
	transform: translate(0, -50%);
	width: 0px;
	height: 0px;
	border: 5px solid;
	border-color: transparent #FF1F11 transparent transparent;
}


.carousel-inner .carousel-inner-content .content-right .content-right-item .item-title-wrapper .item-flag.deepBorder {
	background: #FF1F11;
	color: #fff;
}

.carousel-inner .carousel-inner-content .content-right .content-right-item .item-title-wrapper .item-flag.deepBorder::after {
	content: '';
	position: absolute;
	left: -11px;
	top: 50%;
	transform: translate(0, -50%);
	width: 0px;
	height: 0px;
	border: 5px solid;
	border-color: transparent #FF1F11 transparent transparent;
}

.carousel-inner .carousel-inner-content .content-right .content-right-item .item-desc {
	color: #191919;
	font-size: 16px;
	line-height: 1;
	margin-top: 14px;
	margin-bottom: 11px;
}

.carousel-inner .carousel-inner-content .content-right .content-right-item .item-area {
	height: 21px;
	box-sizing: border-box;
	padding: 0 9px;
	font-size: 12px;
	color: #999;
	border: 1px solid #DBDBDB;
}

.carousel-inner .carousel-inner-content .content-right .content-right-item .item-opearInfo {
	margin-top: 21px;
	align-items: center;
	justify-content: space-between;
}

.carousel-inner .carousel-inner-content .content-right .content-right-item .item-opearInfo .item-opearInfo-price {
	color: #FF1F11;
}

.carousel-inner .carousel-inner-content .content-right .content-right-item .item-opearInfo .item-opearInfo-price .priceInfo {
	font-size: 24px;
	font-weight: bold;
}

.carousel-inner .carousel-inner-content .content-right .content-right-item .item-opearInfo .item-opearInfo-price .priceInfo.connectKefu {
	font-size: 19px;
}


.carousel-inner .carousel-inner-content .content-right .content-right-item .item-opearInfo .yzButton {
	width: 121px;
	height: 33px;
	background: #FFFFFF;
	border: 1px solid #118EFC;
	font-size: 14px;
	font-weight: 400;
	color: #118EFC;
	box-sizing: border-box;
}

.carousel-inner .carousel-inner-content .content-right .content-right-item .item-opearInfo .yzButton:hover {
	background: #118EFC;
	border: none;
	color: #fff;
}

.carousel-inner .carousel-inner-content .content-right .content-right-item .item-opearInfo .yzButton a {
	color: inherit !important;
}


.ssl-cp.index-tj.index-rj-recommend {
	position: relative;
}

.ssl-cp.index-tj.index-rj-recommend::after {
	content: '';
	position: absolute;
	max-width: 1920px;
	margin: auto;
	left: 0px;
	right: 0px;
	background: #fff;
	height: 292px;
	top: 0px;
}

.ssl-cp.index-tj.index-rj-recommend .head-title {
	margin-bottom: 15px;
}

.carousel-inner.banner.index,
.banner-top.index {
	height: 460px;
}

#myCarousel .carousel-indicators.banner {
	bottom: 20px;
}


  .index-rj-recommend .hot-recommend-left{
        background: url(https://www.henghost.com/images/newUser_aside_img.png) no-repeat center center !important;
        height: 540px;
        background-size: 247px !important;
    }
    .index-rj-recommend .recommend-right .plan1{
        padding: 0px 5px;
    }
    .recommend-right-price{
        margin: 10px 0 5px 101px;text-align: left;position: relative;
    }
    .recommend-right-price:after{
        content: '新客专享';
        position: absolute;
        left: -89px;
        width: 72px;
        height: 20px;
        background: #FF5107;
        top: 10px;
        line-height: 20px;
        text-align: center;
        color: #fff;
    }
    div#tab30 .recommend-right:nth-of-type(3) .recommend-right-price:after{
        content: '新客专享';
    }
    .recommend-right-price:before{
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        border-top: 5px solid transparent;
        border-left: 5px solid #ff5107;
        border-bottom: 5px solid transparent;
        top: 15px;
        left: -17px;
    }
    .ssl-button span {
        background: #FFFFFF;
        border: 1px solid #118EFC;
        color: #118EFC;
        padding: 5px;
        font-size: 12px;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .free-use-btn.btn-white{
        background: none;
        color: #fff;
        border: 1px solid #fff;
        padding: 0px 35px;
    }
    .index-rj-recommend .recommend-right .plan1{
        border-right: none;
    }
    .index-rj-recommend .recommend-right{
        border-right: 1px #f8f8f8 solid;
    }
    .index-rj-recommend .recommend-right:last-child{
        border-right:none;
    }
	
	.page-section{
	    position: relative;
	}
	.page-section .lead_effect{
	    background: url(/images/lead-max.jpg);
	    position: absolute;
	    left: 0;
	    top: 0;
	    width: 100%;
	    height: 100%;
	    background-repeat: no-repeat;
	    background-position: center;
	    background-size: cover;
	    -webkit-transform: scale(1);
	    transform: scale(1);
	    -webkit-animation-name: slideBgImage;
	    animation-name: slideBgImage;
	    -webkit-animation-duration: 7000ms;
	    animation-duration: 7000ms;
	    -webkit-animation-iteration-count: infinite;
	    animation-iteration-count: infinite;
	    -webkit-animation-timing-function: linear;
	    animation-timing-function: linear;
	}
	
	@-webkit-keyframes ImgBounce {
	    0% {
	        -webkit-transform: translateY(0);
	        transform: translateY(0);
	    }
	
	    100% {
	        -webkit-transform: translateY(-30px);
	        transform: translateY(-30px);
	    }
	}
	
	@keyframes ImgBounce {
	    0% {
	        -webkit-transform: translateY(0);
	        transform: translateY(0);
	    }
	
	    100% {
	        -webkit-transform: translateY(-30px);
	        transform: translateY(-30px);
	    }
	}
	
	@-webkit-keyframes slideBgImage {
	    from {
	        -webkit-transform: scale(1);
	        transform: scale(1);
	    }
	
	    to {
	        -webkit-transform: scale(1.15);
	        transform: scale(1.15);
	    }
	}
	
	@keyframes slideBgImage {
	    from {
	        -webkit-transform: scale(1);
	        transform: scale(1);
	    }
	
	    to {
	        -webkit-transform: scale(1.15);
	        transform: scale(1.15);
	    }
	}
	
// 2022.11.16  yz 新增
.carousel .carousel-inner {
	background: #F4F6F8;
}

.carousel .carousel-inner.banner.index .item {
	height: 100%;
	padding-top:190px;
	padding-bottom: 70px;
}

.carousel .carousel-inner.banner.index .item:nth-child(2) {
	background:url(/images/home/2022banner02.png) no-repeat;
	background-size: cover;
	background-position: center;
}

.carousel .carousel-inner.banner.index .item:nth-child(3) {
	padding-top:150px;
	background:url(/images/home/2022banner03.png) no-repeat;
	background-size: cover;
	background-position: center;
}

.carousel .carousel-inner.banner.index .item:nth-child(4) {
	background:url(/images/home/2022banner01.png) no-repeat;
	background-size: cover;
	background-position: center;
}

.carousel .carousel-inner.banner.index .item .container > a {
	display: inline-block;
}

.carousel .carousel-inner .item .banner-inner-video  {
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	top: 0;
	z-index: 1;
	object-fit: cover;
}

.space.space-wrapper {
	padding-top:80px;
	padding-bottom: 50px;
}

.ssl-cp.index-tj.index-rj-recommend.space-wrapper,.client.space.space-wrapper {
	background: #F4F6F8;
}


.carousel-indicators li ,.carousel-indicators .active{
	height: 4px;
}

.carousel .carousel-control.left {
	left: 3%;
}

.carousel .carousel-control.right {
	right: 3%;
}